<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html" %>

<html>
       
          <head>
             <title>
                Manage Account
             </title>
          </head>
          <body>
 <f:view>

 
<h:form id="manageAccountForm">
     <h1><h:outputText value="Ochnas Volunteer Accounts" /></h1>
		<hr />              
		<h:panelGrid columns="6">
				<h:panelGroup>
				<h:outputText value="#{manageAccountController.user.emailAddress}" />
				</h:panelGroup>
				<h:outputText value="&nbsp;&nbsp;-&nbsp;&nbsp;" escape="false" />
				<h:commandLink action="#{homeController.home}">
		   			<f:param value="#{manageAccountController.user.id}" name="userId" />
					<h:outputText value="Home" />
				</h:commandLink>
				<h:commandLink action="#{myEventsController.listMyEvents}">
					<f:param value="#{manageAccountController.user.id}" name="userId" />
					<h:outputText value="My Events" />
				</h:commandLink>
				<h:commandLink action="#{manageAccountController.manageAccount}">
					<f:param value="#{manageAccountController.user.id}" name="userId" />
					<h:outputText value="My Account" />
				</h:commandLink>
						<h:commandLink action="#{loginController.logout}">
					<h:outputText value="Log Out" />
				</h:commandLink>
</h:panelGrid>
 <%-- 
<h:outputText value="#{manageAccountController.refreshAccount? '' : ''}">


<f:param value="#{editUserAccountController.user.id}" name="userId" />
</h:outputText>
--%>
		<hr />
		<h2>
		<h:panelGroup>
			<h:outputText value="#{manageAccountController.user.firstName}'s Ochnas Account" />
			<h:outputText value="<br/><br/>" escape="false"/>
		    <h:outputText id="summary"/>
		    <h:message for="summary" style="color: Red" />
		</h:panelGroup>
		</h2>
		<h3>
		<h:panelGroup>
			<h:outputText value="Personal information - "/>
			<h:commandLink action="#{manageAccountController.editUserAccount}">
				<f:param value="#{manageAccountController.user.id}" name="userId" />
				<h:outputText value="Edit" />
			</h:commandLink>
		</h:panelGroup>
		</h3>
		     <h:panelGrid border="0" columns="2">
                   
	                <h:outputText value="Name: "/>
	                <h:panelGroup>
		                 <h:outputText id="firstName" value="#{manageAccountController.user.firstName}"/>
		                 <h:outputText value="  "/>
		                 <h:outputText id="lastName" value="#{manageAccountController.user.lastName}"/>
	                </h:panelGroup>
                   
	                <h:outputText value="Email: "/>
	                <h:panelGroup>
	                      <h:outputText id="emailAddress" value="#{manageAccountController.user.emailAddress}"/>
	                </h:panelGroup>
	                
                    <h:outputText value="Phone Number: "/>
	                <h:panelGroup>
	                      <h:outputText id="contactPhoneNumber" value="#{manageAccountController.user.contactPhoneNumber}"/>
	                 </h:panelGroup>
	                   
	                 <h:outputText><br></h:outputText>
	                 
					 <h:panelGroup>
					 	<h:commandLink action="#{changePasswordController.changePassword}">
							<f:param value="#{manageAccountController.user.id}" name="userId" />
							<h:outputText value="Change Password" />
					 	</h:commandLink>
					 </h:panelGroup>
	         </h:panelGrid>
	    </h:form>

	</f:view>
		 </body>
</html>
	                  
					